<template>
  <div class="bandnerd">
    <el-row>
      <el-col :span="24">
        <div>
          <el-tabs :tab-position="tabPosition" :style="{ height: curHeight }">
            <el-tab-pane label="1.公司理念">
              <el-card class="box-card">
                <div class="faith">
                  <span style="font-weight: bold">诚信正直</span> ——
                  建立信任与负责的人际关系。
                </div>
                <div class="faith">
                  <span style="font-weight: bold">变革创新</span> ——
                  不断进步、不断超越，力求内部的变革速度超越周围环境的变化速度。
                </div>
                <div class="faith">
                  <span style="font-weight: bold">谦虚上进</span> ——
                  学习接受一切先进、价值的知识，用以改善我们的产品、技术和服务。
                </div>
                <div class="faith">
                  <span style="font-weight: bold">成就客户</span> ——
                  致力于客户的满意和成功。
                </div>
              </el-card>
            </el-tab-pane>
            <el-tab-pane label="2.人事管理制度">
              <el-card class="box-card">
                <el-collapse v-model="activeNames">
                  <el-collapse-item title="2.1招聘原则" name="1">
                    <div style="font-weight: bold; line-height: 30px">
                      公开招聘，择优录取。
                    </div>
                    <p class="goodof">1）符合所应聘岗位的学历要求；</p>
                    <p class="goodof">2）符合所应聘岗位的经验要求；</p>
                    <p class="goodof">3）所提供的应聘材料真实、准确；</p>
                    <p class="goodof">4）五官端正，讲普通话；</p>
                    <p class="goodof">
                      5）有良好的职业道德，有良好、正直的家庭背景；
                    </p>
                    <p class="goodof">6）有胜任所应聘岗位的学历和工作能力；</p>
                    <p class="goodof">7）忠诚、敬业、到位快；</p>
                    <p class="goodof">8）具有团队协作精神；</p>
                    <p class="goodof">
                      9）工作勤奋、踏实、善于学习并具有良好的精神风貌；
                    </p>
                    <p class="goodof">10）通过公司规定的体检要求。</p>
                  </el-collapse-item>
                </el-collapse>
              </el-card>
              <el-card class="box-card">
                <el-collapse v-model="activeNames">
                  <el-collapse-item title="2.2 员工基本福利" name="2">
                    <p class="goodof">
                      正式员工的基本福利主要包括以下几个方面：
                    </p>
                    <p class="goodof">A：社会统筹五险</p>
                    <p class="goodof">B:商业意外伤害保险</p>
                    <p class="goodof">C:节假日集体活动</p>
                    <p class="goodof">D:员工培训</p>
                    <p class="goodof">E:带薪假期（按照国家规定执行）</p>
                    <p class="goodof">
                      F:年休假：新入职员工没有年休假，入职一年以上员工享受3天带薪年休假，年休假与员工的工龄挂钩，工龄增加一年，年休假增加一天。
                    </p>
                  </el-collapse-item>
                </el-collapse>
              </el-card>
              <el-card class="box-card">
                <el-collapse v-model="activeNames">
                  <el-collapse-item title="2.3 招聘流程" name="3">
                    <p class="goodof">
                      1）用人部门提出用人申请，详细填写下列表格，交总经理签字后递交人力资源（详细的用人岗位，具体要求，招聘时间，入职时间等等）；
                    </p>
                    <p class="goodof">
                      2）人力资源根据递交的用人计划，做出招聘计划（招聘时间，招聘方式，招聘周期，面试时间等等）；
                    </p>
                    <p class="goodof">
                      3）实施招聘：做出详细的岗位描述、用人要求，发布招聘公告广告；
                    </p>
                    <p class="goodof">
                      4）面试：组织应聘人员进行面试，面试分为笔式和面试，笔式有相关专业负责人出题；
                    </p>
                    <p class="goodof">
                      5）复试：复试是在候选应聘人员中最终确定最终人选的手段，复试可不采用固定形式，有主管或用人需求方自主确定考核方式。
                    </p>
                    <p class="goodof">
                      6）确定用人的背景调查并及时上报给总经理；
                    </p>
                    <p class="goodof">7）通知入职，入职培训的安排；</p>
                    <p class="goodof">8）新人的培养计划启动。</p>
                    <p class="goodof">招聘流程图如下所示</p>
                    <img src="../../assets/liucheng.png" alt="" />
                  </el-collapse-item>
                  <el-collapse-item title="2.4 招聘注意事项" name="4">
                    <p class="goodof">2.4.1 录用材料</p>
                    <p class="goodof">
                      ● 招聘临时工时，临时工必须有固定本地人担保。
                    </p>
                    <p class="goodof">● 个人简历、素质评价及相关证书。</p>
                    <p class="goodof">
                      ●
                      本人身份证原件及复印件。身份证原件必须在有效期内，若已过期或姓名与有关证件不符，必须出具派出所的户口证明，并出示户口原件；身份证复印件必须清晰、无涂改、伪造痕迹、与原件在同一有效期内，否则视为无效证件。
                    </p>
                    <p class="goodof">
                      ●
                      毕业证原件及复印件，应届毕业生可出示由院校出具的毕业证明信。必须是第一学历毕业证、学位证书与职称证，钢印清晰，无涂改痕迹。五大毕业生必须有各省教委证书专用钢印；毕业证丢失应出具毕业证明，并在相片上加盖学院（校）钢印，学院（校）公章及院校长名章；结业证书无效。
                    </p>
                    <p class="goodof">
                      ● 职称证原件及复印件，司机出示有效期内驾驶证。
                    </p>
                    <p class="goodof">● 提交是否与前单位有劳动关系的证明。</p>
                    <p class="goodof">
                      ● 招聘临时工时，临时工必须有固定本地人担保。
                    </p>
                    <p class="goodof">
                      ● 录用通知上岗后，填写的公司员工登记表。
                    </p>
                    <p class="goodof">
                      ●
                      公司指定医院的体检合格证明。（注：以上证件，原件作为应聘人员身份证明，复印件由公司存档。）注：招聘人员对所有应聘资料齐全、完整及真实性审核、负责。
                    </p>
                  </el-collapse-item>
                  <el-collapse-item title="2.5 新员工的培训及实习制度" name="5">
                    <p class="goodof">2.5.1 培训</p>
                    <p class="goodof">
                      1）公司的发展历史、公司概况（公司规模、组织结构、业务范围）、发展方向、企业文化及参观——认识公司
                    </p>
                    <p class="goodof">2）公司制度——熟悉制度</p>
                    <p class="goodof">
                      3）产品培训及相关岗位业务流程——业务培训
                    </p>
                    <p class="goodof">4）对重要合作伙伴的了解——认识上家</p>
                    <p class="goodof">
                      5）正式录用公司统一安排的拓展培训——拓展自我、熔炼团队
                    </p>
                    <p class="goodof">6）各部门轮回实习</p>
                    <p class="goodof">7）新员工的培训心得——自我感受</p>
                    <p class="goodof">2.5.2 实习</p>
                    <p class="goodof">
                      1）新员工参加培训后，人事部将人员分配到相应的部门，由部门经理指定实习指导人，进入实习期。
                    </p>
                    <p class="goodof">
                      2）实习指导人对应聘人员安排培训、具体工作和相应生活事宜
                    </p>
                    <p class="goodof">
                      3）实习指导人每月向人事部提交被指导人的员工实习测评表。
                    </p>
                    <p class="goodof">
                      4）实习期满后，由公司总经理室、实习指导人、人事部一起决定应聘人员的去留。
                    </p>
                    <p class="goodof">5）临时岗位聘用员工签定临时用工合同。</p>
                    <p class="goodof">
                      6）应聘手续不完善的必须在正式进入公司开始培训之日起7个工作日内完善手续，否则公司不予以聘用。
                    </p>
                  </el-collapse-item>
                </el-collapse>
              </el-card>
              <el-card class="box-card">
                <p class="goodof">
                  ● 招聘临时工时，临时工必须有固定本地人担保。
                </p>
              </el-card>
            </el-tab-pane>
            <el-tab-pane label="3.公司纪律">公司纪律</el-tab-pane>
            <el-tab-pane label="4.薪资及福利制度">薪资及福利制度</el-tab-pane>
            <el-tab-pane label="5.加班管理">5 加班管理</el-tab-pane>
            <el-tab-pane label="6.办公用品管理">办公用品管理</el-tab-pane>
            <el-tab-pane label="7.办公设备使用">办公设备使用</el-tab-pane>
            <el-tab-pane label="8.网络管理规范">网络管理规范</el-tab-pane>
            <el-tab-pane label="9.行为规范">行为规范</el-tab-pane>
            <el-tab-pane label="10.差旅管理">差旅管理</el-tab-pane>
            <el-tab-pane label="11.实验室管理规范">办公设备使用</el-tab-pane>
            <el-tab-pane label="12.物料管理">办公设备使用</el-tab-pane>
          </el-tabs>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabPosition: "left",
      curHeight: 0,
      activeNames: ["1"],
    };
  },
  beforeMount() {
    var add = document.body.offsetHeight - 150;
    this.curHeight = add + "px";
    console.log(this.curHeight);
  },
};
</script>

<style lang='scss'>
.addccc {
  margin-bottom: 20px;
}
.bandnerd {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.el-tabs {
  .el-tabs__nav {
    margin: 30px 0px 0px 30px;
  }
  .el-tabs__content {
    height: 100%;
    overflow: auto;
    padding: 30px 0px;
  }
}
.box-card {
  width: 90%;
  margin-top: 10px;
}
.faith {
  height: 40px;
  line-height: 30px;
}
.goodof {
  // height: 40px;
  line-height: 30px;
  font-size: 14px;
}
.el-collapse-item__header.is-active {
  font-size: 18px;
  border-bottom-color: transparent;
  font-weight: bold;
}
.el-collapse-item__header {
  font-size: 18px;
  font-weight: bold;
}
</style>